<!-- {% load static %} -->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>{% block title %} Мои цели {% endblock title %}</title>
        <link
            rel="icon"
            href="{% static 'icons/favicon.ico' %}"
            type="image/x-icon" />
        <link
            rel="stylesheet"
            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
        <link rel="stylesheet" href="{% static 'css/main-style.css' %}" />
        <link rel="stylesheet" href="{% static 'css/navbar.css' %}" />
        <link rel="stylesheet" href="{% static 'css/login_styles.css' %}" />
        <link rel="stylesheet" href="{% static 'css/profile.css' %}" />
        <link rel="stylesheet" href="{% static 'css/profile-change.css' %}" />
        <link rel="stylesheet" href="{% static 'css/add-task.css' %}" />
        <link rel="stylesheet" href="{% static 'css/task-detail.css' %}" />
        <link rel="stylesheet" href="{% static 'css/task-change.css' %}" />
        <link rel="stylesheet" href="{% static 'css/page-404.css' %}" />

        <link
            rel="stylesheet"
            href="https://unicons.iconscout.com/release/v4.0.0/css/line.css" />
    </head>

    <body>
        <div class="header">
            <div class="header header__item-container">
                <div class="header__item-container__logo text-white">Цели</div>
                <nav class="header header__nav-container">
                    <div class="header__nav-container__item"></div>

                    {% if not user.is_authenticated %}
                    <div class="header__nav-container__item"></div>
                    <div class="header__nav-container__item">
                        <a href="{% url 'account:about' %}"
                            ><img
                                src="{% static 'icons/help_info_w.png' %}"
                                alt="info"
                        /></a>
                    </div>
                    <div class="header__nav-container__item" id="form-open">
                        <a href="{% url 'account:login' %}"><p>Войти</p></a>
                    </div>
                    {% else %}
                    <div class="header__nav-container__item">
                        <a class="homeBtn" href="{% url 'task:main' %}">
                            <img src="{% static 'icons/home_w.png' %}" alt="" />
                        </a>
                    </div>
                    <div class="header__nav-container__item">
                        <a href="{% url 'account:about' %}"
                            ><img
                                src="{% static 'icons/help_info_w.png' %}"
                                alt="info"
                        /></a>
                    </div>

                    <div class="header__nav-container__item user_icon">
                        <img
                            src="{% static 'icons/person_w.png' %}"
                            alt="user" />
                    </div>

                    <div class="menu hidden">
                        <a
                            href="{% url 'account:profile_change' user.username %}">
                            <div class="menu__item border-bottom">
                                <img
                                    src="{% static 'icons/settings_w.png' %}"
                                    alt=""
                                    class="settings" />
                            </div>
                        </a>

                        <div class="menu__item logout">
                            <a href="{% url 'account:logout' user.username %}"
                                ><p>Выход</p></a
                            >
                        </div>
                    </div>
                    {% endif %}
                </nav>
            </div>
        </div>

        <div class="pre-main border-bottom">
            {% block content %} 
            {% endblock content %}
            
            {% block loginform %} 
            {% endblock loginform %}
        </div>

        <div class="footer">
            <div class="author"><p>@Re_Vadim  | {{ actual_year }}</p></div>
        </div>
        <script src="{% static 'js/addBackground.js' %}"></script>
        <script src="{% static 'js/login.js' %}"></script>
        <script src="{% static 'js/addTask.js' %}"></script>
        <script src="{% static 'js/script.js' %}"></script>
        <script src="{% static 'js/sendEmail.js' %}"></script>
        <script src="{% static 'js/preview.js' %}"></script>
    </body>
</html>
